import NProgress from 'nprogress' // progress bar

import 'nprogress/nprogress.css'

const style = {
  // ['background-color']: 'red'
}

function getStyleStr(style) {
  let str = ''
  for(let stylePro in style) {
    str += (stylePro + ': ' + style[stylePro] + ';')
  }
  return str
}

const styleStr = getStyleStr(style)

const config = {
  // minimum: 0.1,         //启动时的最小的比例
  // easing: 'ease-in-out',       //动画的效果
  speed: 500,           //默认的动画速度
  // trickle: false,       //动画是否自动的递增运动
  // trickleSpeed: 200,    //螺旋递增完成进度的速度
  parent: 'body',       //绑定插入的父节点
  //还有一个配置没看懂
  template: `
    <div class="bar" role="bar" style="${styleStr}">
      <div class="peg"></div></div><div class="spinner" role="spinner">
      <!-- <div class="spinner-icon"></div> -->
    </div>
  `
}

NProgress.configure(config)